<template>
  <div>
    <div v-for="(item, index) in list" :key="index">
      <van-card :price="item.price" :desc="item.desc" :title="item.title" :thumb="`http://liufusong.top:8080${item.houseImg}`">
        <template #tags>
          <van-tag plain type="danger">{{ item.tags[0] }}</van-tag>
        </template>
      </van-card>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {}
  },
  props: ['list'],
  methods: {}
}
</script>

<style>
.van-image__img {
  border-radius: 0px;
  padding-left: 5px;
}

.van-card {
  border-bottom: 1px solid RGB(229, 229, 229);
  padding: 10px 0px;
}

.van-card__title {
  padding: 2px 0;
  font-weight: 700;
  font-size: 16px;
}

.van-card__desc {
  padding: 2px 0;
  color: RGB(175, 178, 179);
  font-size: 12px;
}

.van-card__price-currency {
  display: none;
}

.van-card__price-integer {
  font-weight: 700;
  font-size: 16px;
  color: RGB(250, 87, 65);
}

.van-card__price-decimal::before {
  content: '元/月';
  color: RGB(250, 87, 65);
}

.van-card__price {
  padding: 2px 0;
  color: #fff;
}
</style>
